<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>小天使考试</title>
    <script src="./lib/jquery.js"></script>
    <style>
      html,body{
        margin: 0px;
        padding: 0px;
        overflow: hidden;
      }
      #angel{
        position: absolute;
      }
    </style>
  </head>

  <body>
    <img src="./angel.gif" id="angel">
    <script>
      // var timer=null
      // $(document).on('mousemove',function(e){
      //   if(timer){
      //     return
      //   }else{
      //     timer=setTimeout(functio n(){
      //       $('img').css('left',e.pageX+'px').css('top',e.pageY+'px')
      //       console.log(1111)
      //     },50)
      //     timer=null
      //   }
      // })
      // var gg=null
      // $(document).on('mousemove',function(e){
      //   if(gg){
      //     return
      //   }else{
      //     gg=setTimeout(function(){
      //       $('img').css('left',e.pageX+'px').css('top',e.pageY+'px')
      //       console.log(1111)
      //     },200)                               
      //     gg=null
      //   }
      // })
      var hh=null
      $(document).on("mousemove",function(e){
        if(hh){
          return
        }else{
          hh=setTimeout(function(){
            $('img').css('left',e.pageX+'px').css('top',e.pageY+'px')
            console.log(1111)
          },200)
          hh=null
        }
      })
    </script>
  </body>
</html>

 